import React, { PureComponent } from 'react';
import { StyledCinemasItem } from '../styled'
import {Link} from 'react-router-dom'
class CinemasItem extends PureComponent {
  render() {
    let { data } = this.props
    return (
      <Link to={`/cinema/${data.cinemaId}`}>
        <StyledCinemasItem>
        <div className='cinemas-info-lt cinemas-info'>
          <span className='cinema-name'>{ data.name }</span>
          <span className='cinema-address'>{ data.address }</span>
        </div>
        <div className='cinemas-info-rt cinemas-info'>
          <div className='cinema-lowPrice'>
            <span>起</span>
            <span>￥{ data.lowPrice /100 }</span>
          </div>
          <div className='cinema-gpsAddress'>
            <span>11.4km</span>
          </div>
        </div>
        </StyledCinemasItem>
      </Link>
    );
  }
}

export default CinemasItem;